<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>Clipbord Example</title>
	<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
    <link rel="stylesheet" type="text/css" href="../../resources/css/datetime-picker.css" />
  
    <script type="text/javascript" src="../../ext-all.js"></script>
	<script type="text/javascript" src="../../src/util/Clipboard.js"></script>

    <script type="text/javascript" src="../../src/ux/DatetimePicker.js"></script>
    <script type="text/javascript" src="../../src/ux/menu/DatetimeItem.js"></script>
    <script type="text/javascript" src="../../src/ux/menu/DatetimeMenu.js"></script>
    <script type="text/javascript" src="../../src/ux/form/DatetimeField.js"></script>
	 
    <script type="text/javascript" src="../../source/locale/ext-lang-zh_CN.js"></script>
  
</head>
<body>
	 <script>
     Ext.onReady(function(){

         Ext.QuickTips.init();

         var simple = new Ext.FormPanel({
            labelWidth: 75, // label settings here cascade unless overridden
            // url:'save-form.php',
            frame:true,
            title: 'Simple Form',
            bodyStyle:'padding:5px 5px 0',
            width: 350,
            defaults: {width: 230},
            defaultType: 'textfield',

            items: [{
                    fieldLabel: 'First Name',
                    name: 'first',
                    allowBlank:false
                },{
                    fieldLabel: 'Last Name',
                    name: 'last'
                },{
                    fieldLabel: 'Company',
                    name: 'company'
                }, {
                    fieldLabel: 'Email',
                    name: 'email',
                    vtype:'email'
                }, new Ext.form.TimeField({
                    fieldLabel: 'Time',
                    name: 'time',
                    minValue: '8:00am',
                    maxValue: '6:00pm'
                }),{
                    fieldLabel: 'Datetime',
                    name: 'datetime',
                    xtype:'datetimefield'
                }
            ],

            buttons: [{
                text: 'Save'
            },{
                text: 'Cancel'
            }]
        });

        simple.render(document.body);
     });
     </script>
</body>
</html>